<!--员工概况-->
<template>
	<query></query>

	<div style="margin-top: 20px"></div>

	<statistics-e-d :data="orgData" :id="'s-onjob-org'" />

	<div style="margin-top: 20px"></div>

	<el-row :gutter="20">
		<el-col :span="12">
			<statistics-e-d :data="typeData" :id="'s-onjob-type'" />
		</el-col>
		<el-col :span="12">
			<statistics-e-d :data="positionData" :id="'s-onjob-position'" />
		</el-col>
	</el-row>

	<div style="margin-top: 20px"></div>

	<el-row :gutter="20">
		<el-col :span="12">
			<statistics-e-d :data="ageData" :id="'s-onjob-age'" />
		</el-col>
		<el-col :span="12">
			<statistics-e-d :data="educationData" :id="'s-onjob-education'" />
		</el-col>
	</el-row>

	<div style="margin-top: 20px"></div>

	<el-row :gutter="20">
		<el-col :span="12">
			<statistics-e-d :data="sexData" :id="'s-onjob-sex'" :type="'pie'" />
		</el-col>
		<el-col :span="12">
			<statistics-e-d :data="marriageData" :id="'s-onjob-marriage'" :type="'pie'" />
		</el-col>
	</el-row>
</template>

<style scoped></style>

<script setup lang="ts" name="statistics-onjob-Index">
import { ref } from 'vue'

import query from './line/query.vue'

const name = ' '
const subtext = '单位(人)'

const orgData = ref({
	title: name + '各部门员工人数',
	subtext: subtext,
	xData: ['设计部', '研发部', '商务部', '渠道部', '产品部', '行政部', '人事部', '财务部', '安保部', '后勤部', '策划部', '技术部', '运维部'],
	data: [110, 580, 430, 280, 110, 430, 530, 280, 110, 215, 245, 475, 185]
})

const typeData = ref({
	title: name + '员工类型分析',
	subtext: subtext,
	xData: ['全职', '兼职', '劳务派遣', '临时工', '实习'],
	data: [50, 550, 430, 280, 110]
})

const positionData = ref({
	title: name + '员工职位类别分析',
	subtext: subtext,
	xData: ['类别1', '类别2', '类别3', '类别4', '类别5', '类别6'],
	data: [50, 550, 430, 280, 110, 50]
})

const ageData = ref({
	title: name + '员工年龄分析',
	subtext: subtext,
	xData: ['1年以下', '1-3年', '3-5年', '5-7年', '7-10年', '10年以上'],
	data: [50, 550, 430, 280, 110, 50]
})

const educationData = ref({
	title: '入职员工学历分析',
	subtext: subtext,
	xData: ['大专', '本科', '硕士', '博士', '博士以上'],
	data: [50, 550, 430, 280, 110]
})

const sexData = ref({
	title: name + '员工性别分析',
	data: [
		{ value: 10, name: '男' },
		{ value: 18, name: '女' },
		{ value: 2, name: '其他' }
	]
})

const marriageData = ref({
	title: name + '员工婚姻分析',
	data: [
		{ value: 100, name: '未婚' },
		{ value: 240, name: '已婚' },
		{ value: 10, name: '离异' }
	]
})
</script>
